<template>
    <div>
      <!-- tab栏 -->
       <div class="head">
        <image :src="src1" class="headd" resize="cover" @click="back()"></image>
        <text class="head1">设置店铺简介</text>
        <text class="head2" @click="sure()">确定</text>
      </div>
      <textarea v-model="msg" class="in_text" placeholder="在这里您可以尽情地介绍自己的店铺哦~（店铺简介不少于20个字）"></textarea>
      <text class="in_in">小贴士：店铺简介可以帮助客户更快得了解您的小铺哦</text>
      <div class="wrap" v-if="show">
	     	<div class="wqqq" v-if="show">
	     		
	     	</div>
	        <div class="wrap-1">
	          <div class="wrap-2">
	            <text class="wrap-3">好耶！简介填写成功</text>
	            <div class="wrap-4">
	              <text @click="show7()" class="zhaohui11">确定</text>
	            </div>
	          </div>
	        </div>
	     </div> 
    </div>
</template>
<style scoped>
    .shop_operation{
        width: 100%;
        height: 293px;
        /*background-color: pink;*/
        justify-content: space-around;
        padding-top: 70px;
        flex-direction: row;
        flex-wrap: wrap;
        padding-left: 12px;
        padding-right: 12px;
        overflow-y: auto;
    }
    .head{
      width: 100%;
      height: 48px;
      padding-top: 12px;
      /*background-color: pink;*/
      box-sizing: border-box;
      line-height: 32px;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      /*margin-top: 17px;*/
      position: fixed;
      top: 0;
      left: 0;
      box-shadow: 1px 1px 1px #ccc;
      background-color: #fff;
      /*position: relative;*/
      z-index: 2; 
    }
    .headd{
      width: 15px;
      height: 20px;
      /*background-color: #33c179;*/
      /*position: fixed;*/
      position: absolute;
      left: 12px;
    }
    .head2{
      position: absolute;
      right: 12px;
      margin-left: 80px;
      font-size: 20px;
      /*color: #000;*/
      font-weight: bold;
      color: #33c179;
    }
    .head1{
      font-size: 20px;
      font-weight: bold;
    }
    .in_text{
    	width: 352px;
    	height: 146px;
    	/*background-color: pink; */
    	margin: auto;
    	margin-top: 118px;
    	border: solid 1px #e5e5e5;
    }
    .in_in{
    	height: 13px;
    	line-height: 13px;
    	color: #33c179;
    	margin: auto;
    	margin-top: 21px;
    	font-size: 13px;
    }
    .wrap{
      width: 100%;
      height: 100%;
      position: fixed;
      /*background-color: #000;*/
      z-index: 9999;
      justify-content: center;
      align-items: center;
      opacity: 1;
    }
    .wqqq{
      width: 100%;
      height: 100%;
      position: fixed;
      background-color: #000;
      z-index: 99;
      opacity: .8;
      justify-content: center;
      align-items: center;
    }
    .wrap-1{
      width: 237px;
      height: 168px;
      border-radius: 10px;
      /*background-image: url(http://192.168.2.123:8080/img/dialog_one.png);*/
      background-size: 237px 168px;
      opacity: 1;
      box-sizing: border-box;
      padding-top: 28px;
      z-index: 99;
      background-color: #fff;
    }
    .wrap-2{
      width: 200px;
      height: 100px;
      justify-content: center;
      align-items: center;
      margin-left: 23px;
      opacity: 1;
    }
    .wrap-3{
      justify-content: center;
      align-items: center;
      font-size: 14px;
      opacity: 1;
    }
    .wrap-4{
      flex-direction: row;
      width: 220px;
      height: 31px;
      margin-top: 24px;
      justify-content: space-around;
      /*background-color: pink;*/
      align-items: center;
      opacity: 1;
    }
    .zhaohui11{
      width: 83px;
      height: 31px;
      border-radius: 25px;
      background-color: #33c179;
      align-items: center;
      justify-content: center;
      color: #fff;
      font-size: 16px;
      text-align: center;
      line-height: 31px;
      opacity: 1;
    }
</style>
<script>
export default {
    data () {
        return {
          src1: 'http://192.168.2.123:8080/img/index_back.png',
          show2: true,
          show: false,
            msg:"",
        }
    },
    methods: {
    	toggle(){

      },
      // 点击返回
      back(){
        this.$router.back(-1);
      },
      // 点击确定
      sure(){
        this.show = true;
      },
      show7(){
          const info1 = {
              name: this.msg,
          };
          localStorage.setItem('shopIntroduction', JSON.stringify(info1));
      	this.$router.push('/setShopInfo');
      }
    }
}
</script>